@import './variables.scss';

* {
  box-sizing: inherit;
  margin: 0;
  padding: 0;
  outline: none !important;
}

body {
  margin: 0;
  box-sizing: border-box;
  font-family: "PingFang SC", "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
  font-size: 14px;
  color: $use-color-info;
  overflow: overlay;
  transition: .3s
}

a,
a:focus,
a:hover {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
  color: $use-color-primary;
}

ul {
  list-style: none;
}

.el-carousel__item.is-active {
  z-index: 1 !important;
}

// 自动移滚动条样式
::-webkit-scrollbar {
  width: 6px;
  height: 5px;
}

// 滑块部分
::-webkit-scrollbar-thumb {
  border-radius: 1em;
  background-color: rgba(144, 147, 153, 0);
}

// 辊道部分
::-webkit-scrollbar-track {
  border-radius: 1em;
  background-color: transparent;
}

body[scroll]::-webkit-scrollbar-thumb{
  background-color: rgba(144, 147, 153, .3);
}


/* 在Chrome浏览器下 */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

/* 在Firefox浏览器下 */
input[type="number"] {
  -moz-appearance: textfield;
}



.el-col-5 {
  width: 20%;
  max-width: 20%;
  flex: 0 0 20%;
}

.large {
  height: 58px;
  font-size: 22px !important;
  padding: 16px 32px !important;
}

.sectionBg {
  background-color: #F7F7F7;
}

.fullW {
  width: $use-fullW;
  margin: 0 auto;
}

.globalTitle {
  padding: 80px 0 48px;
  color: $use-color-info;
  text-align: center;

  .title {
    font-size: 36px;
    font-weight: 600;
  }

  .subTitle {
    color: $use-color-info-light-3;
    margin-top: 16px;
  }
}
